@charset "utf-8";
@media all and (max-width: 1366px) {
  body {
    background-color: #7e8e99;
  }
  .div {
    width: 900px;
    margin: 0 auto;
    height: 1000px;
    background-color: #00aaff;
  }
  .testDropDown {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
    float: left;
    background-color: #ffffff;
    margin: 50px 100px;
    box-shadow: #cadbe9 4px 4px 6px;
  }
  .testDropDown a {
    display: none;
  }
  .testDropDown li {
    transition: all 0.4s;
    text-align: center;
    width: 160px;
    line-height: 40px;
    background-color: #ffffff;
    display: none;
    color: #666666;
  }
  .testDropDown li:hover {
    cursor: pointer;
    background-color: #d5d5d5;
  }
  .testDropDown li:first-child {
    display: block;
  }
  .testDropDown:hover > a {
    display: block;
  }
  .testDropDown:hover > li {
    display: block;
  }
  .aaa {
    background-color: #66ccff;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 40px;
    color: #ffffff;
    box-shadow: #ffffff 4px 4px 6px;
    width: 200px;
    height: 80px;
  }
  .aaa:hover {
    background-color: #00aaff;
    cursor: pointer;
  }
}
